import leftBg from '@/assets/images/left-bg.png'
import rightBg from '@/assets/images/center-bg.png'
import { mapGetters } from 'vuex'
/**
 * 弹出框
 */
export const dialog = {
  data() {
    return {
      title: '', // 标题
      dialogVisible: false, // 是否显示
      width: '100%', // 宽度
      top: '70px', // 距离顶端高度
      modal: true, // 是否需要遮罩
      leftBg: leftBg,
      rightBg: rightBg,
      borderStyle: {} // 栏目模块的边框

    }
  },
  watch: {
    themes: {
      handler(val, oldVal) {
        if (val) {
          this.borderStyle.borderRadius = val.bkdx
          // if (this.temp.sfxsbk === true) {
          this.borderStyle.border = '1px solid ' + val.bkys
          // }
          // if (this.temp.bkyy === true) {
          this.borderStyle.boxShadow = '0 2px 4px rgba(0, 0, 0, .12)'
          // }
          this.borderStyle.background = val.columnGroundColor
          this.borderStyle.color = val.columnTitleFontColor
          this.borderStyle = Object.assign({}, this.borderStyle)
        }
      },
      immediate: true, // 父组件第一次传值时，执行handler，false则第一次不执行
      deep: false // formType为对象时，设置为true，此属性监听对象发生变化
    }
  },
  computed: {
    ...mapGetters(['theme']),
    themes() {
      return this.$store.getters.theme
    },

    headBackGround() {
      if (this.theme) {
        return { '--header-bak': this.theme.columnTitleGroundColor, '--body-bak': this.theme.columnGroundColor }
      } else {
        return { '--header-bak': '#fff', '--body-bak': '#f8f8f8' }
      }
    },
    bodyBackGround() {
      if (this.theme) {
        return { '--body-bak': this.theme.columnGroundColor, '--header-font-color': this.theme.columnTitleFontColor }
      } else {
        return { '--body-bak': '#f8f8f8', '--header-font-color': '#ffffff' }
      }
    },

    bodyFontColor() {
      if (this.theme) {
        return { '--header-font-color': this.theme.columnTitleFontColor }
      } else {
        return { '--header-font-color': '#ffffff' }
      }
    }

  },
  methods: {
    // 打开弹框
    openDialog(data) {
      this.dialogVisible = true
    },
    // 关闭事件
    handleClose() {
      this.dialogVisible = false
    }
  }
}
